<template>
 	<div class="ml-extension">
 		<div class="ml-bg-extension-001">
 			<div class="ml-icon-extension-009"></div>
 			<div v-on:click="goDownload" class="ml-icon-extension-008">立即领取</div>
 		</div>
 		<div class="progress-box">
 			<p class="box-title">
 				<span class="ml-icon-extension-001"></span>
 				<span>热门推荐</span>
 			</p>
 			<div class="box-content">
 				<p>活鱼宝</p>
 				<div>
 					<ul>
 						<li><span>7%</span>+5%</li>
 						<li>随存随取、复利计息、使用加息券收益更高</li>
 					</ul>
 				</div>
 			</div>
 			<p class="line"></p>
 			<div class="box-content">
 				<p>新鱼宝</p>
 				<div>
 					<ul>
 						<li><span>12%</span>+1%</li>
 						<li>投资15天，使用加息券收益更高</li>
 					</ul>
 				</div>
 			</div> 			
 		</div>
 		<div class="box-ad">
 			<div>
 				<div class="ml-icon-extension-002"></div>
 				<ul>
 					<li>平台实力</li>
 					<li><span class="ml-icon-extension-003"></span>国企背景 资金雄厚</li>
 					<li><span class="ml-icon-extension-003"></span>产品创新 技术创新 全新体验</li>
 				</ul>
 			</div>
 			<div>
 				<div class="ml-icon-extension-004"></div>
 				<ul>
 					<li>安全保障</li>
 					<li><span class="ml-icon-extension-003"></span>资金由银行存管</li>
 					<li><span class="ml-icon-extension-003"></span>法律团队专业指导</li>
 				</ul>
 			</div>
 			<div>
 				<div class="ml-icon-extension-005"></div>
 				<ul>
 					<li>风控严谨</li>
 					<li><span class="ml-icon-extension-003"></span>多重风险审核机制</li>
 					<li><span class="ml-icon-extension-003"></span>每笔借款均在当地金融部门登<b></b>记备案</li>
 				</ul>
 			</div>
  			<div>
 				<div class="ml-icon-extension-006"></div>
 				<ul>
 					<li>门槛低</li>
 					<li><span class="ml-icon-extension-003"></span>100元即可投资</li>
 					<li><span class="ml-icon-extension-003"></span>新人送专享加息券</li>
 				</ul>
 			</div>			
 		</div>
 		<div class="bottom-top">市场有风险  理财需谨慎 | 浙ICP备18001503号-1</div>
 		<div class="box-bottom">
 			<span>浙江康宏投资管理有限公司</span>
 			<p>
 				<span class="ml-icon-extension-007"></span>
 				<span>4000-968876</span>
 			</p>
 		</div>
 	</div>
</template>

<script>
import request from "../../config/request.js"
import {bus} from "../../config/bus.js"
import judgeSystem from "../../config/judgeSystem.js"
export default{
	data() {
		return {
			dUrl:{
				ios:null,
				android:null
			},
			downloadUrl:null,
			show:null,
			isWechat:false,
			showBtn:false
		}
	},
	created() {
		var ta = document.createElement('script'); ta.type = 'text/javascript'; ta.async = true;
        ta.src = 'https://s13.cnzz.com/z_stat.php?id=1273270048&web_id=1273270048';
        document.getElementsByTagName('body')[0].append(ta);
		var detect = judgeSystem.detect(navigator.userAgent);
		var self = this;
		var system;
		var channel;
		if(detect.os.ios){
			system = 'ios';
			channel = 'ios';
		}else{
			system = 'android';
			channel = self.$route.params.channel;
		}
		if(detect.app.wechat) {			    	
			this.$data.isWechat=true;
		}
		self.$.ajax({ 
			url:'/fish-backend/apis/app/getDownloadPath',   //提交的url
			type:'GET',
			beforeSend:function(xhr){		  	        		
				xhr.setRequestHeader('appidentifier',system);	
				xhr.setRequestHeader('source','web');
				xhr.setRequestHeader('channel',channel);	
		    },
		    success:function(res){
				self.$data.downloadUrl = res.data.downloadPath;
				self.$data.showBtn = true;
			}
		});	
			
	},
	mounted(){

	},
	methods: {
		goDownload(){
			_czc.push(['_trackEvent', '长页面下载按钮', '下载']);
			location.href = this.$data.downloadUrl;
		}
	}
}	
</script>

<style lang="scss">
.ml-extension{
	.ml-bg-extension-001{
		position:relative;
		.ml-icon-extension-008{
			position:absolute;
			width:75%;
			height:100px;
			font-family: PingFang-SC-Regular;
			font-size: 50px;
			color: #FFFFFF;
			letter-spacing: 0;
			top:85%;
			left:13%;
			text-align: center;
			line-height:100px;
		}
	}
	.progress-box{
		background:#fff;
		.box-title{
			padding:30px 0 30px 30px;
			border-bottom: 2px solid #e9e8ed;
			span:last-child{
				font-family: PingFang-SC-Medium;
				font-size: 32px;
				color: #464646;
				letter-spacing: 0;
				margin-left:20px;
			}
		}
		.line{
			width:92%;
			margin:0 auto;
			background:#e9e8ed;
			height:2px;
		}
		.box-content{
			p{
				font-family: PingFangSC-Regular;
				font-size: 26px;
				color: #464646;
				letter-spacing: 0;
				padding:30px;
			}
			div{
				padding:10px 30px 30px;
				ul{
					overflow:hidden;
					li{
						float:left;
						box-sizing: border-box;
						line-height:35px;
					}
					li:first-child{
						width:28%;
						span{
							font-family: PingFangSC-Regular;
							font-size: 52px;
							color: #FF7000;
							letter-spacing: -0.6px;
							line-height: 73px;
						}
						font-size: 28px;
						color: #FF7000;
						border-right:2px solid #e9e8ed;
					}
					li:last-child{
						font-family: PingFang-SC-Regular;
						font-size: 28px;
						color: #909090;
						letter-spacing: 0;
						width:72%;
						padding:5px 20px 0 30px;
					}
				}
			}
		}
	}
	.box-ad{
		background: #fff;
		margin-top:25px;
		div{
			overflow: hidden;
			padding:30px 0 30px 40px;
		}
		ul{
			float:left;
			margin-left:40px;
			width:60%;
			li{
				font-family: PingFang-SC-Regular;
				font-size: 30px;
				color: #666666;
				letter-spacing: -1.17px;
				margin-bottom:20px;
				line-height:40px;
				b{
					display: inline-block;
					width:40px;
					height:1px;
				}
			}
			li:first-child{
				font-family: PingFang-SC-Regular;
				font-size: 50px;
				color: #FF7000;
				letter-spacing: -1.95px;
				margin-bottom:40px;
			}
		}
	}
	.bottom-top{
		opacity: 0.8;
		font-family: PingFang-SC-Light;
		font-size: 20px;
		color: #B2B2B2;
		text-align: center;
		padding:10px;
	}
	.box-bottom{
		background:#FF7000;
		overflow: hidden;
		padding:15px 0 10px;
		span{
			font-family: PingFang-SC-Regular;
			font-size: 24px;
			color: #FFFFFF;
			letter-spacing: 0;
			float:left;
			margin-left:13%;
		}
		p{
			float: right;
			margin-right:13%;
			span{
				font-family: PingFang-SC-Regular;
				font-size: 24px;
				color: #FFFFFF;
				letter-spacing: 0;
				margin-left:0px;
			}
		}
	}
}	
</style>